<script>
import demo1 from "@/js/demo1";
import { ref } from 'vue'

export default{

  data(){
    return{
      name:ref('Vue Lover'),
    }
  },
  methods:demo1.methods
}
</script>

<template>
  <div>
    <h1>Hello, {{ name }}!</h1>
    <button @click="handleGreeting">Greet</button>
  </div>
</template>

<style>
@import "../css/demo1.css";
</style>